<template>
  <div class="home">
    <top-nav>
      <div class="div-top">全域旅游图片</div>
    </top-nav>
    <lun-botu></lun-botu>
    <menu-nav></menu-nav>
    <div class="graySpace"></div>
    <play-news></play-news>
    <div class="graySpace"></div>
    <module-nav></module-nav>
    <div class="graySpace"></div>
    <area-pictures></area-pictures>
  </div>
</template>

<script>
import MenuNav from '@/components/MenuNav.vue';

// 轮播图
import LunBotu from '@/components/LunBotu.vue';
// 旅游资讯
import PlayNews from '@/components/PlayNews.vue';
// 景区 美食 酒店名宿 特色产品
import ModuleNav from '@/components/ModuleNav.vue';
// 县市区图片
import AreaPictures from '@/components/AreaPictures.vue';

export default {
  components: {
    MenuNav,
    LunBotu,
    PlayNews,
    ModuleNav,
    AreaPictures,
  },
  name: 'HomeView',
};
</script>
<style lang="scss" scoped>
.graySpace {
  height: 10px;
  background-color: #f5f5f5;
}
.div-top {
  font-size: 17px;
  color: #333333;
  letter-spacing: 0;
  text-align: center;
  line-height: 44px;
}

</style>
